<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>旅游网站首页</title>
</head>
<body>

<!--采用table来完成布局-->
<!--最外层的table-->
<table width="100%" align="center">

    <!--    第一行 图片-->
    <tr>
        <td>
            <img src="image/top_banner.jpg" alt="" width="100%">

        </td>
    </tr>
    <!--    第二行 标签栏-->
    <tr>
        <td>
            <table width="100%" align="center">
                <tr>
                    <td>
                        <img src="image/logo.jpg">
                    </td>
                    <td>
                        <img src="image/search.png">
                    </td>
                    <td>
                        <img src="image/hotel_tel.png">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--    第三行 选项卡-->
    <tr>
        <td>
            <table bgcolor="#ff8c00" width="100%" align="center">
                <tr align="center" height="45" bgcolor="#ffd700">
                    <td>
                        <a href="">首页</a>
                    </td>
                    <td>
                        门票
                    </td>
                    <td>
                        酒店
                    </td>
                    <td>
                        香港车票
                    </td>
                    <td>
                        出境游
                    </td>
                    <td>
                        国内游
                    </td>
                    <td>
                        港澳游
                    </td>
                    <td>
                        抱团制定
                    </td>
                    <td>
                        全球自由行
                    </td>
                    <td>
                        收藏排行榜
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--    第四行 轮番图-->
    <tr>
        <td>
            <img src="image/banner_3.jpg" width="100%">
        </td>
    </tr>
    <!--    第五行 -->
    <tr>
        <td>
            <img src="image/icon_5.jpg" alt="">
            <i><b>黑马精选</b></i>
            <hr width="100%" color="orange">
        </td>
    </tr>
    <!--    第六行-->
    <tr>
        <td>
            <table align="center" width="100%">
                <tr>
                    <td>
                        <img src="image/jiangxuan_1.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jingxuan_2.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <!--    第七行-->
    <tr>
        <td>
            <img src="image/icon_6.jpg" alt="">
            <i><b>国内游</b></i>
            <hr width="100%" color="orange">
        </td>
    </tr>
    <!--    第八行-->
    <tr>
        <td>
            <table align="center" width="100%">
                <tr>
                    <td rowspan="2">
                        <img src="image/jiangwai_1.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jingxuan_2.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="image/jiangxuan_1.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jingxuan_2.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                    <td>
                        <img src="image/jiangxuan_3.jpg" alt="">
                        <p>
                            llllllllllllllllllllllllllllllllllllllllllll
                        </p>
                        <font color="red">&yen;
                            8888
                        </font>
                    </td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td>
            <img src="image/footer_service.png" alt="" width="100%">
        </td>
    </tr>

    
</table>

</body>
</html>